<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  


      <!-- 遮罩层 -->
      <div class="kim-bg"></div>

      <header class="main-header">
        <!-- Logo -->
        <a href="javascript:void(0)" class="logo" data-toggle="push-menu">
          <!-- mini logo -->
          <b class="logo-mini">
            
            <span class="light-logo"><img src="../../static/v2/images/logo/logo@3x.png" alt="logo"></span>
            <span class="dark-logo"><img src="../../static/v2/images/logo-dark.png" alt="logo"></span>
          </b>
          <!-- logo-->
          <span class="logo-lg">
            <img src="../../static/v2/images/logo-light-text.png" alt="logo" class="light-logo">
            <img src="../../static/v2/images/logo-dark-text.png" alt="logo" class="dark-logo">
          </span>
        </a>



        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top">
          <!-- Sidebar toggle button-->
          <div>
            <a href="#" class="sidebar-toggle" role="button" data-toggle="push-menu">
              <span class="sr-only">切换导航</span>
            </a>

          </div>
          <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">

              <li class="search-box">
                <a class="nav-link hidden-sm-down" href="javascript:void(0)"><i class="mdi mdi-magnify"></i></a>
                <form class="app-search" style="display: none;">
                  <input type="text" class="form-control" placeholder="输入内容搜索"> <a class="srh-btn"><i
                      class="ti-close"></i></a>
                </form>
              </li>

              <!-- Messages -->
              <li class="dropdown messages-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="mdi mdi-email"></i>
                </a>
                <ul class="dropdown-menu scale-up">
                  <li class="header">你有5条信息</li>
                  <li>
                    <!-- inner menu: contains the actual data -->
                    <ul class="menu inner-content-div">
                      <li>
                        <!-- start message -->
                        <a href="#">
                          <div class="pull-left">
                            <img src="../../static/v2/images/user2-160x160.jpg" class="rounded-circle" alt="User Image">
                          </div>
                          <div class="mail-contnet">
                            <h4>
                              袁思洁
                              <small><i class="fa fa-clock-o"></i> 15 mins</small>
                            </h4>
                            <span>拜拜 甜甜圈 珍珠奶茶方便面
                              火锅米饭大盘鸡 拿走拿走别客气
                            </span>
                          </div>
                        </a>
                      </li>
                      <!-- end message -->
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <img src="../../static/v2/images/user3-128x128.jpg" class="rounded-circle" alt="User Image">
                          </div>
                          <div class="mail-contnet">
                            <h4>
                              刘一鸣
                              <small><i class="fa fa-clock-o"></i> 4 hours</small>
                            </h4>
                            <span>这唱得都是什么呀</span>
                          </div>
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <img src="../../static/v2/images/user4-128x128.jpg" class="rounded-circle" alt="User Image">
                          </div>
                          <div class="mail-contnet">
                            <h4>
                              何霖
                              <small><i class="fa fa-clock-o"></i> Today</small>
                            </h4>
                            <span>代码赶紧提交一下</span>
                          </div>
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <img src="../../static/v2/images/user3-128x128.jpg" class="rounded-circle" alt="User Image">
                          </div>
                          <div class="mail-contnet">
                            <h4>
                              李庆峰
                              <small><i class="fa fa-clock-o"></i> Yesterday</small>
                            </h4>
                            <span>十万里加急赶官网页面</span>
                          </div>
                        </a>
                      </li>

                    </ul>
                  </li>
                  <li class="footer"><a href="#">查看所有电子邮件</a></li>
                </ul>
              </li>
              <!-- Notifications -->
              <li class="dropdown notifications-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="mdi mdi-bell"></i>
                </a>
                <ul class="dropdown-menu scale-up">
                  <li class="header">你有7个通知</li>
                  <li>
                    <!-- inner menu: contains the actual data -->
                    <ul class="menu inner-content-div">
                      <li>
                        <a href="#">
                          <i class="fa fa-users text-aqua"></i>代码已提交最新
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-warning text-yellow"></i> 数据库异常了，处理一下
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-users text-red"></i>进度不够快得话，这周末可能要加班哦
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-shopping-cart text-green"></i> 你别这样子的啦，信不信我打你
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-user text-red"></i>战斗要11点
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-user text-red"></i> 其实，我喜欢她很久了，只是不想对她说而已
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-user text-red"></i> 你眺望这塔尖上的针尖

                        </a>
                      </li>
                    </ul>
                  </li>
                  <li class="footer"><a href="#">查看全部</a></li>
                </ul>
              </li>
              <!-- Tasks-->
              <li class="dropdown tasks-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="mdi mdi-message"></i>
                </a>
                <ul class="dropdown-menu scale-up">
                  <li class="header">你有6个任务</li>
                  <li>
                    <!-- inner menu: contains the actual data -->
                    <ul class="menu inner-content-div">
                      <li>
                        <!-- Task item -->
                        <a href="#">
                          <h3>
                            Lorem ipsum dolor sit amet
                            <small class="pull-right">30%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-aqua" style="width: 30%" role="progressbar"
                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">30% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <!-- end task item -->
                      <li>
                        <!-- Task item -->
                        <a href="#">
                          <h3>
                            Vestibulum nec ligula
                            <small class="pull-right">20%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-danger" style="width: 20%" role="progressbar"
                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">20% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <!-- end task item -->
                      <li>
                        <!-- Task item -->
                        <a href="#">
                          <h3>
                            Donec id leo ut ipsum
                            <small class="pull-right">70%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-light-blue" style="width: 70%" role="progressbar"
                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">70% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <!-- end task item -->
                      <li>
                        <!-- Task item -->
                        <a href="#">
                          <h3>
                            Praesent vitae tellus
                            <small class="pull-right">40%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-yellow" style="width: 40%" role="progressbar"
                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">40% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <!-- end task item -->
                      <li>
                        <!-- Task item -->
                        <a href="#">
                          <h3>
                            Nam varius sapien
                            <small class="pull-right">80%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-red" style="width: 80%" role="progressbar"
                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">80% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <!-- end task item -->
                      <li>
                        <!-- Task item -->
                        <a href="#">
                          <h3>
                            Nunc fringilla
                            <small class="pull-right">90%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-primary" style="width: 90%" role="progressbar"
                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">90% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <!-- end task item -->
                    </ul>
                  </li>
                  <li class="footer">
                    <a href="#">查看所有任务</a>
                  </li>
                </ul>
              </li>
              <!-- User Account-->
              <li class="dropdown user user-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <img src="../../static/v2/images/userHeadPortrait/6.png" class="user-image rounded-circle" alt="User Image">
                </a>
                <ul class="dropdown-menu scale-up">
                  <!-- User image -->
                  <li class="user-header">
                    <img src="../../static/v2/images/userHeadPortrait/6.png" class="float-left rounded-circle" alt="User Image">

                    <p>
                      木广山
                      <small class="mb-5">jb@gmail.com</small>
                      <a href="#" class="btn btn-danger btn-sm btn-rounded">查看个人资料</a>
                    </p>
                  </li>
                  <!-- Menu Body -->
                  <li class="user-body">
                    <div class="row no-gutters">
                      <div class="col-12 text-left">
                        <a href="#"><i class="ion ion-person"></i> 我的项目</a>
                      </div>
                      <div class="col-12 text-left">
                        <a href="#"><i class="ion ion-email-unread"></i>收件箱</a>
                      </div>
                      <div class="col-12 text-left">
                        <a href="#"><i class="ion ion-settings"></i> 设置</a>
                      </div>
                      <div role="separator" class="divider col-12"></div>
                      <div class="col-12 text-left">
                        <a href="#"><i class="ti-settings"></i> 帐户设置</a>
                      </div>
                      <div role="separator" class="divider col-12"></div>
                      <div class="col-12 text-left">
                        <a href="#"><i class="fa fa-power-off"></i> 退出</a>
                      </div>
                    </div>
                    <!-- /.row -->
                  </li>
                </ul>
              </li>
              <!-- Control Sidebar Toggle Button -->
              <li>
                <a href="#" data-toggle="control-sidebar"><i class="fa fa-cog fa-spin"></i></a>
              </li>
            </ul>
          </div>
        </nav>
      </header>

      <!-- Left side column. contains the logo and sidebar -->
      <aside class="main-sidebar">
        <!-- sidebar-->
        <section class="sidebar">

          <!-- sidebar menu-->
          <ul class="sidebar-menu" data-widget="tree">
            <li class="user-profile treeview">
              <a href="index.html">
                <img src="../../static/v2/images/userHeadPortrait/6.png" alt="user">
                <span>木广山(Kim)</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
              </a>
              <ul class="treeview-menu">
                <li><a href="javascript:void()"><i class="fa fa-user mr-5"></i>我的项目 </a></li>
                <li><a href="javascript:void()"><i class="fa fa-money mr-5"></i>我的余额</a></li>
                <li><a href="javascript:void()"><i class="fa fa-envelope-open mr-5"></i>收件箱</a></li>
                <li><a href="javascript:void()"><i class="fa fa-cog mr-5"></i>用户设置</a></li>
                <li><a href="javascript:void()"><i class="fa fa-power-off mr-5"></i>退出</a></li>
              </ul>
            </li>
            <li class="header nav-small-cap">ZHOUBOTONG</li>
            <li class="active treeview">
              <a href="javascript:void(0)">
                <i class="fa fa-user-circle-o"></i> <span>个人中心</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
              </a>
              <ul class="treeview-menu">
                <li><a href="index.html"><i class="fa fa-circle-o"></i>我的订单</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>余额明细</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>个人资料</a></li>
              </ul>
            </li>

            <li class="active treeview">
              <a href="javascript:void(0)">
                <i class="fa fa-server"></i></i> <span>服务中心</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
              </a>
              <ul class="treeview-menu">
                <li><a href="pages/app/app-chat.html"><i class="fa fa-circle-thin"></i>一键生成报关资料</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>信用证审单制单</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>远期信用证融资</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>出口贷款融资</a></li>
                <li><a href="qianzhuangcreditloan.html"><i class="fa fa-circle-thin"></i>纳税信用贷款</a></li>
                <li><a href="globalCollection.html"><i class="fa fa-circle-thin"></i>全球催收</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>保险类产品</a></li>
                <li><a href="foreignBuyerAssessment.html"><i class="fa fa-circle-thin"></i>国外买家评估</a></li>
              </ul>
            </li>


            <li class="active treeview">
              <a href="javascript:void(0)">
                <i class="fa fa-suitcase"></i></i> <span>信息管理</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
              </a>
              <ul class="treeview-menu">
                <li><a href="pages/app/app-chat.html"><i class="fa fa-circle-thin"></i>报关抬头管理</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>开票工厂管理</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>产品订单管理</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>境外贸易商管理</a></li>
              </ul>
            </li>

            <li class="active treeview">
              <a href="javascript:void(0)">
                <i class="fa  fa-handshake-o"></i></i> <span>企业中心</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
              </a>
              <ul class="treeview-menu">
                <li><a href="pages/app/app-chat.html"><i class="fa fa-circle-thin"></i>我的企业</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>加入企业</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>用户管理</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>升级认证</a></li>
              </ul>
            </li>

            <li class="header nav-small-cap">
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-envelope"></i> <span>服务中心</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
              </a>
              <ul class="treeview-menu">
                <li><a href="pages/mailbox/mailbox.html"><i class="fa fa-circle-thin"></i>收件箱</a></li>
                <li><a href="pages/mailbox/compose.html"><i class="fa fa-circle-thin"></i>构图</a></li>
                <li><a href="pages/mailbox/read-mail.html"><i class="fa fa-circle-thin"></i>读取</a></li>
              </ul>
            </li>
          </ul>
        </section>
      </aside>




</body>
</html>